<!--
Open Bank Project - API
Copyright (C) 2011-2017, TESOBE GmbH.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

Email: contact@tesobe.com
TESOBE GmbH.
Osloerstrasse 16/17
Berlin 13359, Germany

  This product includes software developed at
  TESOBE (http://www.tesobe.com/)
  by
  Simon Redfern : simon AT tesobe DOT com
  Sebastian Henschel: sebastian AT tesobe DOT com
-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Webapp of the Open Bank Project API">
	<meta name="keywords" content="OBP, Open Bank Project, API, bank, fintech">
	<meta name="author" content="TESOBE">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<title data-lift="WebUI.pageTitle">Open Bank Project: </title>
	<link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="/media/css/toastr.min.css" rel="stylesheet" type="text/css" />
	<link href="/media/css/cookies-consent.css" rel="stylesheet">
	<link id="main_style_sheet" data-lift="WebUI.mainStyleSheet" href="/media/css/website.css?201707241207" rel="stylesheet" type="text/css" />
	<link id="override_style_sheet" data-lift="WebUI.overrideStyleSheet" href="" rel="stylesheet" type="text/css" />

	<script src="/media/js/jquery.min.js" type="text/javascript"></script>
	<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="/media/js/website.js" type="text/javascript"></script>
	<script src="/media/js/toastr.min.js" type="text/javascript"></script>
	<script src="/media/js/cookies-consent.js"></script>
</head>
<body id="page_init">
	<div id="cookies-consent" data-lift="WebUI.cookieConsent">
		We use cookies to support session management.
		<input id="clickMe"/>
	</div>

	<div class="container">
		<header>
			<div id="header-decoration"></div>

			<div id="cookie-ipaddress-concurrent-logins" data-lift="WebUI.concurrentLoginsCookiesCheck"></div>

			<div id="top-text" data-lift="WebUI.topText"></div>
			<table id="table-header">
				<tr class="row">
					<td></td>
					<td id="td-logo-left-xs">
						<div data-lift="WebUI.headerLogoLeft">
							<a href="/"><img src="" id="logo-left-xs" align="left"></a>
						</div>
					</td>
					<td id="td-logo-right-xs">
						<div data-lift="WebUI.headerLogoRight">
							<a href="/"><img src="" id="logo-right-xs" align="right"></a>
						</div>
					</td>
					<td></td>
				</tr>
			</table>

			<div id="messages-container" data-lift="Msgs"></div>
			<script>
			  $(function() {
				toastr.options.timeOut = 3000;
				if(notice = $("#lift__noticesContainer___error").text()) {
				  toastr.error(notice)
				}
				else if(notice = $("#lift__noticesContainer__").text()) {
				  toastr.success(notice)
				}
			  })
			</script>
		</header>

		<nav class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li data-lift="Nav.item?name=Home" class="navitem navitem-home">
							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
						</li>
						<li data-lift="Nav.item?name=Consumer%20Registration&showEvenIfRestricted=true" class="navitem">
							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
						</li>
						<li data-lift="Nav.item?name=Metrics" class="navitem">
							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
						</li>
						<li data-lift="Nav.item?name=Connect" class="navitem">
							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
						</li>
						<li data-lift="Nav.item?name=Sandbox%20Account%20Creation&showEvenIfRestricted=true" class="navitem">
							<a class="navlink" href="#">Link name. Has class "selected" if it's the current page.</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<!-- login state -->
						<li data-lift="Nav.item?name=Login" class="navitem">
							<!-- LOGGED OUT -->
							<p class="navbar-btn">
								<a href="/user_mgt/sign_up" class="btn btn-default">Sign up</a>
								<a data-lift="Login.loggedOut" href="#" class="btn btn-default login">Login</a>
							</p>
						</li>
						<li class="navitem">
							<!-- LOGGED IN -->
							<p class="navbar-btn"><a data-lift="Login.loggedIn" href="#" class="btn btn-default logout">Logout <span id="loggedIn-username">username</span></a></p>
						</li>
					</ul>
				</div><!--/.nav-collapse -->
			</div>
		</nav>

		<section id="content">
			<lift:bind name="content"/>
			The main content gets bound here
		</section>

		<footer>
			<div id="copyright">
				<a href="http://openbankproject.com">Open Bank Project</a> is &copy;2011-<span id="copyright-year" data-lift="WebUI.currentYearText">2018</span> <a href="http://tesobe.com">TESOBE</a> and distributed under the AGPL and commercial licenses.
			</div>
			<div>
				<a href="http://twitter.com/#!/OpenBankProject">Twitter</a> |
				<a href="https://github.com/OpenBankProject/OBP-API/">Github</a> |
				<a class="api-documentation-link" data-lift="WebUI.apiDocumentationLink" href="">API Documentation</a> |
				<a class="api-explorer-link" data-lift="WebUI.apiExplorerLink" href="">API Explorer</a> |
				<a class="sofi-link" data-lift="WebUI.sofiLink" href="">Sofit</a> |
				<a class="api-link" data-lift="WebUI.apiLinkHuman" href="">This API Host</a> |
				<a href="https://openbankproject.com/privacy-policy">Privacy Policy</a> |
				<a class="termsAndConditions-link" data-lift="WebUI.termsAndConditions" href="">Terms and Conditions</a>
			</div>
		</footer>

		<div id="footer2">
			<span id="footer2-logo-left" data-lift="WebUI.footer2LogoLeft">
				<a href="/"><img src="" alt=""></a>
			</span>
			<span id="footer2-middle-text" data-lift="WebUI.footer2MiddleText">
				This is the footer2 middle text
			</span>
		</div>
	</div>
</body>
</html>
